<template>
  <div class="sanp-radio">
    <div class="radio-group">
      <input class="radio" type="radio" value="btn1" v-model="type" />
      <span>{{ label1 }}</span>
    </div>
    <div class="radio-group">
      <input class="radio" type="radio" value="btn2" v-model="type" />
      <span>{{ label2 }}</span>
    </div>
  </div>
</template>

<script>
export default {
  name: "SanpRadio",
  data() {
    return {
      label1: "按钮1",
      label2: "按钮2",
      type: "btn1",
    };
  },
};
</script>

<style scoped>
.sanp-radio {
  padding: 10px;
}
.radio-group {
  padding: 5px;
}
.radio {
  margin: 5px 10px;
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  cursor: pointer;
}
</style>
